import React from 'react';
import type { ModalSheetFooterProps } from './types';

/**
 * Modal Sheet Footer 组件
 */
export const ModalSheetFooter: React.FC<ModalSheetFooterProps> = ({
  className = '',
  style,
  children,
  align = 'right',
}) => {
  const footerClasses = [
    'modal-sheet__footer',
    `modal-sheet__footer--${align}`,
    className,
  ]
    .filter(Boolean)
    .join(' ');

  return (
    <div className={footerClasses} style={style}>
      {children}
    </div>
  );
};

export default ModalSheetFooter;
